<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户列表</title>
<%-- 注意link标签的的地址 --%>
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/bootstrap.min.css" />
</head>
<body>

	<div class="container">
		<table class="table table-striped table-bordered">
			<caption>用户列表-原始数据</caption>
			<tr>
				<th>ID</th>
				<th>用户名</th>
				<th>生日</th>
				<th>密码</th>
				<th>Email</th>
				<th>手机</th>
				<th>角色</th>
			</tr>
			<%-- 用核心标签进行迭代，用EL表达式从request中获取users对象 --%>
			<c:forEach items="${users }" var="user">
				<tr>
					<%-- 用EL表达式获取user对象的属性 --%>
					<td>${user.id }</td>
					<td>${user.username }</td>
					<td>${user.birthdate }</td>
					<td>${user.password }</td>
					<td>${user.email }</td>
					<td>${user.mobile }</td>
					<td>${user.role }</td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<div class="container">
		<table class="table table-striped table-bordered">
			<caption>用户列表 - 剔除Email以字符串【5】起始的用户，按照ID递增排序，用户ID小于60的数据行用红色文本显示，添加序号列</caption>
			<tr>
				<th>序号</th>
				<th>ID</th>
				<th>用户名</th>
				<th>生日</th>
				<th>密码</th>
				<th>Email</th>
				<th>手机</th>
				<th>角色</th>
			</tr>
			<%-- 逆序 --%>
			<%-- <c:forEach items="${users.stream().sorted(u->-u.id).toList() }" var="user"> --%>
			
			<%-- 剔除Email以字符串5起始的用户，按照ID递增排序，用户ID大于50的数据行用红色文本显示 --%>
			<c:forEach items="${users.stream().filter(u->!u.email.startsWith('5')).sorted((u1,u2)->u1.id-u2.id).toList() }" var="user" varStatus="s">
				<tr ${user.id<60?'class="text-danger"':'' }>
					<td>${s.index + 1 }</td>
					<td>${user.id }</td>
					<td>${user.username }</td>
					<td>${user.birthdate }</td>
					<td>${user.password }</td>
					<td>${user.email }</td>
					<td>${user.mobile }</td>
					<td>${user.role }</td>
				</tr>
			</c:forEach>
		</table>
	</div>

</body>
</html>